<template>
  <div class="">
      <automatePageTable ref="pageTable" :config="pageTableConfig" @add="add"></automatePageTable>
  </div>
</template>
<script>
import automatePageTable from "./automatePageTable.vue";
import { tableHeaderData,searchData,tableBtnData } from './TableData.js'
const startPage = 1;
export default {
  name: "PageTable",
  components: { automatePageTable },
  data() {
    return {
      pageTableConfig: {
        resource: [
          {name:'包快递我',state:'1',code:'32651515'},
          {name:'包快递我',state:'0',code:'32651515'},
        ],//本地测试数据
        highlightRow: false,//是否支持高亮选中的行，即单选
        action: '',//查询接口
        columns: tableHeaderData,//列数据
        initParam: {},//额外参数
        autoFirst: true, //注意这个参数，是否初始化时发送请求渲染数据，false则需手动
        pageSize: 10,//每页数据数
        showTotal: true,//显示数据总条数
        showSizer: true,//显示每页数据数选择下拉列表
        pageSizeOpts: [10, 20, 50, 100],//每页数据数列表
        isPage: false,//是否分页
        onSelectionChange: _ => _,//在多选模式下有效，只要选中项发生变化时就会触发,返回selection：已选项数据
        rowClickHandle: _ => _,//单击某一行时触发，返回当前行的数据和index
        formButtons: [{ optType: "search" }, { optType: "reset" }],//查询与清空按钮
        tableButtons: tableBtnData,//操作按钮数据
        searchFields: searchData,//查询表单数据
        customDataProcess: () => {
          this.setCurrentPage(res.currentPage || res.pageNum || 1);
          this.setTotal(res.recordCount || res.total || 0);
          this.tableData = [];
          for (let item of res.recordList || res.records || []) {
            this.tableData.push(item);
          }
        },//自定义表格数据格式（可根据接口返回数据调整字段）
      }
    };
  },
  methods: {
    add(){
      console.log('add')
    },
  }
};
</script>
<style lang="less">
</style>

